<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>健道药房</title>
	<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" type="text/css" href="./static/index.css" />
	<link rel="stylesheet" type="text/css" href="./css/index.css" />
	<link rel="stylesheet" type="text/css" href="./css/iconfont.css" />
	<script type="text/javascript" src="./js/jQuery/jquery-3.1.1.js"></script>
	<script type="text/javascript" src="./js/index.js"></script>
	<script type="text/javascript" src="./js/vue/vue.min.js"></script>
	<script type="text/javascript" src="./js/axios.min.js"></script>
	<script type="text/javascript" src="./js/common.js"></script>
	<style>
		.tszl_ul_box {
			padding-left: 110px;
			margin-top: -70px;
		}
	</style>
</head>

<body>
	<div id="app">


		<!--头部菜单-->
		<div id="top-menu">
			<div id="top">
				<!--右部菜单-->
				<ul id="top-left">
					<li class="left-li1">
						<a href="javascript:void(0);" class="left-a1"><i class="icon1"></i>国美Plus</a>
					</li>
					<li class="space"></li>
					<li class="left-li2">
						<div class="left-div1">
							<a id="a" href="javascript:void(0);">国美会员</a>
							<i class="icon2"></i>
						</div>
						<div class="drop-down">
							<div class="username">
								<i class="icon3"></i>
								<div class="p-div">
									<p class="u-p">
										欢迎来到国美在线，
										<a href="javascript:void(0);">请登录</a>
									</p>
								</div>
							</div>

							<div class="usericon">
								<p>
									<a href="javascript:void(0);">会员俱乐部</a>
									<span>我的特权</span>
								</p>
								<a href="javascript:void(0);" onclick="prev()" class="usericon-prev"></a>
								<a href="javascript:void(0);" onclick="next()" class="usericon-next"></a>
								<div class="icons">
									<ul id="ul-icon">
										<li>
											<a href="javascript:void(0);">
												<i class="iconfont icon-choujiang"></i> 美豆抽奖
											</a>
										</li>
										<li>
											<a href="javascript:void(0);">
												<i class="iconfont icon-anquan"></i> 退换货保障
											</a>
										</li>
										<li>
											<a href="javascript:void(0);">
												<i class="iconfont icon-jiage"></i> 价格保护
											</a>
										</li>

										<li>
											<a href="javascript:void(0);">
												<i class="iconfont icon-meidou"></i> 消费得美豆
											</a>
										</li>
										<li>
											<a href="javascript:void(0);">
												<i class="iconfont icon-hui"></i> 专属阶梯价
											</a>
										</li>
										<li>
											<a href="javascript:void(0);">
												<i class="iconfont icon-libao"></i> 生日礼包
											</a>
										</li>

										<li>
											<a href="javascript:void(0);">
												<i class="iconfont icon-ziyingmianyunfei"></i> 自营免运费
											</a>
										</li>
										<li>
											<a href="javascript:void(0);">
												<i class="iconfont icon-kefu"></i> 专属客服
											</a>
										</li>
										<li>
											<a href="javascript:void(0);">
												<i class="iconfont icon-gengduojingcai"></i> 更多精彩
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>

					</li>
					<li class="left-li3">
						<a style="color: #5E5E5E;" href="javascript: void(0);">登录</a>
						<a style="color: #5E5E5E;" href="javascript: void(0);">注册</a>
					</li>
				</ul>

				<!--左部菜单-->
				<ul id="top-right">
					<li class="right-li1">
						<a href="javascript: void(0);">我的订单</a>
					</li>
					<li class="right-li2">
						<div class="right-div1">
							<a href="javascript: void(0);">我的国美</a>
							<i></i>
						</div>
						<div class="right-dropdown">
							<strong>
								我的国美，
								<a href="javascript: void(0);">请登录</a>
							</strong>
							<ul id="order">
								<li>
									<a href="javascript: void(0);">待处理订单</a>
								</li>
								<li>
									<a href="javascript: void(0);">我的收藏</a>
								</li>
								<li>
									<a href="javascript: void(0);">我的金融</a>
								</li>
								<li>
									<a href="javascript: void(0);">个人资料</a>
								</li>
							</ul>
							<ul id="coupon">
								<li>
									<a href="javascript: void(0);">红&nbsp;券</a><ins>-</ins>
								</li>
								<li>
									<a href="javascript: void(0);">蓝&nbsp;券</a><ins>-</ins>
								</li>
								<li>
									<a href="javascript: void(0);">店铺券</a><ins>-</ins>
								</li>
								<li>
									<a href="javascript: void(0);">购物券</a><ins>-</ins>
								</li>
							</ul>
							<p class="right-p">足迹</p>
							<ul id="track">
								<li></li>
								<li></li>
								<li></li>
								<li></li>
							</ul>

						</div>
					</li>
					<li class="gome-space"></li>
					<li class="right-li3">
						<a href="javascript: void(0);">企业采购</a>
					</li>
					<li class="service">
						<div class="s-div">
							<em class="iconfont icon-kefu"></em>
							<a href="javascript: void(0);">服务中心</a>
							<i></i>
						</div>

						<div class="s-dropdown">
							<p>
								<a href="javascript: void(0);">售后服务</a>
							</p>
							<ul>
								<li>
									<a href="javascript: void(0);">物流与配送</a>
								</li>
								<li>
									<a href="javascript: void(0);">上门安装</a>
								</li>
								<li>
									<a href="javascript: void(0);">退换货服务</a>
								</li>
								<li>
									<a href="javascript: void(0);">手机维修</a>
								</li>
								<li>
									<a href="javascript: void(0);">研报服务</a>
								</li>
								<li>
									<a href="javascript: void(0);">家电维修</a>
								</li>
							</ul>
							<p>
								<a href="javascript: void(0);">帮助服务</a>
							</p>
							<ul>
								<li>
									<a href="javascript: void(0);">焦点问题</a>
								</li>
								<li>
									<a href="javascript: void(0);">账户安全</a>
								</li>
								<li>
									<a href="javascript: void(0);">签收与验货</a>
								</li>
								<li>
									<a href="javascript: void(0);">分期付款</a>
								</li>
								<li>
									<a href="javascript: void(0);">退款说明</a>
								</li>
								<li>
									<a href="javascript: void(0);">优惠券说明</a>
								</li>
							</ul>
							<a href="javascript: void(0);" class="a-btn">
								<em class="iconfont icon-kefu"></em> 在线客服
							</a>
						</div>
					</li>

					<li class="nav">
						<div class="n-div">
							网站导航
							<i></i>
						</div>
						<div class="n-dropdown">
							<dl class="n-dl" style="border: none;">
								<dt>主题促销</dt>
								<dd>
									<ul>
										<li>
											<a href="javascript: void(0);">真划算</a>
										</li>
										<li>
											<a href="javascript: void(0);">抢购</a>
										</li>
										<li>
											<a href="javascript: void(0);">海外购</a>
										</li>
										<li>
											<a href="javascript: void(0);">国美定制</a>
										</li>
									</ul>
									<ul>
										<li>
											<a href="javascript: void(0);">家电城</a>
										</li>
										<li>
											<a href="javascript: void(0);">服饰城</a>
										</li>
										<li>
											<a href="javascript: void(0);">国美超市</a>
										</li>
										<li>
											<a href="javascript: void(0);">家装馆</a>
										</li>
									</ul>
									<ul>
										<li>
											<a href="javascript: void(0);">智能家居</a>
										</li>
										<li>
											<a href="javascript: void(0);">今日特卖</a>
										</li>
										<li>
											<a href="javascript: void(0);">新品抢先</a>
										</li>
										<li>
											<a href="javascript: void(0);">品牌街</a>
										</li>
									</ul>
								</dd>
							</dl>

							<dl class="n-dl">
								<dt>特色分类</dt>
								<dd>
									<ul>
										<li>
											<a href="javascript: void(0);">真划算</a>
										</li>
										<li>
											<a href="javascript: void(0);">抢购</a>
										</li>
										<li>
											<a href="javascript: void(0);">海外购</a>
										</li>
										<li>
											<a href="javascript: void(0);">国美定制</a>
										</li>
									</ul>
									<ul>
										<li>
											<a href="javascript: void(0);">家电城</a>
										</li>
										<li>
											<a href="javascript: void(0);">服饰城</a>
										</li>
										<li>
											<a href="javascript: void(0);">国美超市</a>
										</li>
										<li>
											<a href="javascript: void(0);">家装馆</a>
										</li>
									</ul>
									<ul>
										<li>
											<a href="javascript: void(0);">智能家居</a>
										</li>
										<li>
											<a href="javascript: void(0);">今日特卖</a>
										</li>
										<li>
											<a href="javascript: void(0);">新品抢先</a>
										</li>
										<li>
											<a href="javascript: void(0);">品牌街</a>
										</li>
									</ul>
									<ul>
										<li>
											<a href="javascript: void(0);">家电城</a>
										</li>
										<li>
											<a href="javascript: void(0);">服饰城</a>
										</li>
										<li>
											<a href="javascript: void(0);">国美超市</a>
										</li>
										<li>
											<a href="javascript: void(0);">家装馆</a>
										</li>
									</ul>
									<ul>
										<li>
											<a href="javascript: void(0);">智能家居</a>
										</li>
										<li>
											<a href="javascript: void(0);">今日特卖</a>
										</li>
										<li>
											<a href="javascript: void(0);">新品抢先</a>
										</li>
										<li>
											<a href="javascript: void(0);">品牌街</a>
										</li>
									</ul>
								</dd>
							</dl>

							<dl class="n-dl">
								<dt>便捷服务</dt>
								<dd>
									<ul>
										<li>
											<a href="javascript: void(0);">真划算</a>
										</li>
										<li>
											<a href="javascript: void(0);">抢购</a>
										</li>
										<li>
											<a href="javascript: void(0);">海外购</a>
										</li>
										<li>
											<a href="javascript: void(0);">国美定制</a>
										</li>
										<li>
											<a href="javascript: void(0);">真划算</a>
										</li>
										<li>
											<a href="javascript: void(0);">抢购</a>
										</li>
										<li>
											<a href="javascript: void(0);">海外购</a>
										</li>
									</ul>
									<ul>
										<li>
											<a href="javascript: void(0);">家电城</a>
										</li>
										<li>
											<a href="javascript: void(0);">服饰城</a>
										</li>
										<li>
											<a href="javascript: void(0);">国美超市</a>
										</li>
										<li>
											<a href="javascript: void(0);">家装馆</a>
										</li>
										<li>
											<a href="javascript: void(0);">真划算</a>
										</li>
										<li>
											<a href="javascript: void(0);">抢购</a>
										</li>
										<li>
											<a href="javascript: void(0);">海外购</a>
										</li>
									</ul>
								</dd>
							</dl>

							<dl class="n-dl">
								<dt>更多热点</dt>
								<dd>
									<ul>
										<li>
											<a href="javascript: void(0);">真划算</a>
										</li>
										<li>
											<a href="javascript: void(0);">抢购</a>
										</li>
										<li>
											<a href="javascript: void(0);">海外购</a>
										</li>
									</ul>
								</dd>
							</dl>

							<dl class="n-dl">
								<dt>国美旗下</dt>
								<dd>
									<ul>
										<li>
											<a href="javascript: void(0);">真划算</a>
										</li>
										<li>
											<a href="javascript: void(0);">抢购</a>
										</li>
										<li>
											<a href="javascript: void(0);">海外购</a>
										</li>
										<li>
											<a href="javascript: void(0);">真划算</a>
										</li>
									</ul>
								</dd>
							</dl>

						</div>
					</li>

					<li class="phone">
						<div class="ph-div">
							<em class="iconfont icon-phone"></em>
							<a href="javascript: void(0);">手机国美</a>
							<i></i>
						</div>
						<div class="p-dropdown">
							<a class="p-a1" href="javascript: void(0);"></a>
							<i></i>
							<a class="p-a2" href="javascript: void(0);"></a>
						</div>
					</li>
				</ul>

			</div>
		</div>
		<!--头部菜单-->

		<!--广告-->
		<div class="ad-div">
			<img class="ad" src="images/1" />
			<a href="javascript: void(0);" class="close">
				<i>关闭</i>
			</a>
		</div>
		<!--广告-->

		<!--搜索框-->
		<div class="gome-head">
			<div class="logo">
				<a href="javascript: void(0);">国美在线</a>
			</div>
			<div class="logo-right-ad">
				<a href="javascript: void(0);">
					<img src="images/1.gif" />
				</a>
			</div>

			<div id="top-search">
				<div class="searchbox">
					<form id="searchForm" action="" method="post">
						<input type="text" id="searchInput" name="" id="" placeholder="冰箱"
							onpropertychange="if(this.value.length>200){this.value=this.value.slice(0,199)}" />
						<button class="search-btn">搜索</button>
					</form>
					<a href="javascript: void(0);">
						<div class="voice-search"></div>
					</a>
				</div>
				<div class="hotkeyword">
					<a style="color: #d7000f;" href="javascript: void(0);">返现700元</a>
					<a href="javascript: void(0);">返258元</a>
					<a href="javascript: void(0);">夏被29元</a>
					<a href="javascript: void(0);">5.24元起</a>
					<a href="javascript: void(0);">面包机39.9</a>
					<a href="javascript: void(0);">领券减300</a>
					<a href="javascript: void(0);">满199减100</a>
					<a href="javascript: void(0);">iPhone6</a>
				</div>
			</div>
			<div class="mygome">
				<ul class="topmenu">
					<li>
						<span class="m-span">
							<a href="javascript: void(0);" class="cartlink">
								<em class="i-cart">
									<span class="shopnum">
										<span>0</span>
										<i></i>
									</span>
								</em>
								<span class="carttext">购物车空了</span>
								<b></b>
							</a>
						</span>
						<div class="menuhide">
							<div class="aside">
								<a href="javascript: void(0);">购物车</a>中还没有商品，赶紧选购吧！
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<!--搜索框-->

		<!--分类-->
		<div class="category-box">
			<div class="category">
				<div class="sidecategory">
					<h2>
						<a href="javascript: void(0);">全部产品分类</a>
					</h2>
					<div class="navBox">
						<div class="lisbg"></div>
						<ul class="lisbg-ul">
							<li class="edit-mode nav-item" v-for="(cat, index) in cats" :key="index">
								<h3>
									<a href="javascript: void(0);">{{cat.catName}}</a>
								</h3>
							</li>
						</ul>

						<!--右边的列表页，复制修改其中的内容即可-->
						<div v-for="(cat, index) in cats" :key="index" class="subnav" :class="lList[index]">
							<div class="loading">
								<div class="fullcategory">
									<div class="fullcategory-left">
										<div class="fullcategory-content-box">
											<div class="fullcategory-content">
												<ul class="fullcategory-list">
													<div class="title2">{{cat.catName}}</div>
													<div class="list">
														<div class="underline"></div>
														<a href="javascript: void(0);" v-for="(item, index) in cat.children" :key="index">
															{{item.catName}}
														</a>
													</div>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<!--右边的列表页，复制修改其中的内容即可-->
						<script>
							 //	处理右边列表
							setTimeout(
								function () {
									$(".nav-item").each(function (e) {
										//e为0-14
										var n = parseInt(e) + 1;
										var _this = $(this);
										$(this).mouseover(function () {
											$(this).addClass("white");
											$(this).find("h3").children().css({
												color: "#333333",
											});
											$(".l" + n).addClass("show");
										});
										$(".l" + n).mouseover(function () {
											_this.addClass("white");
											_this.find("h3").children().css({
												color: "#333333",
											});
											$(".l" + n).addClass("show");
										});

										$(this).mouseout(function () {
											$(this).removeClass("white");
											$(this).find("h3").children().css({
												color: "#FFFFFF",
											});
											$(".l" + n).removeClass("show");
										});
										$(".l" + n).mouseout(function () {
											_this.removeClass("white");
											_this.find("h3").children().css({
												color: "#FFFFFF",
											});
											$(".l" + n).removeClass("show");
										});
									});
								}, 500
							)
						</script>
					</div>

					<ul class="mainnav">
						<li class="cur">
							<a href="javascript: void(0);">
								<span>首页</span>
							</a>
						</li>
						<li>
							<a href="javascript: void(0);">
								<span>圈子</span>
							</a>
						</li>
						<li>
							<a href="javascript: void(0);">
								<span>真划算</span>
							</a>
						</li>
						<li>
							<a href="javascript: void(0);">
								<span>服装城</span>
							</a>
						</li>
						<li>
							<a href="javascript: void(0);">
								<span>超市</span>
							</a>
						</li>
						<li>
							<a href="javascript: void(0);">
								<span>电器城</span>
							</a>
						</li>
						<li>
							<a href="javascript: void(0);">
								<span>国美电器</span>
							</a>
						</li>
						<li>
							<a href="javascript: void(0);">
								<span>汽车</span>
							</a>
						</li>
						<li>
							<a href="javascript: void(0);">
								<span>海外购</span>
							</a>
						</li>
						<li>
							<a href="javascript: void(0);">
								<span>智能</span>
							</a>
						</li>
						<li>
							<a href="javascript: void(0);">
								<span>管家</span>
							</a>
						</li>
						<li>
							<a href="javascript: void(0);">
								<span>金融</span>
							</a>
						</li>
					</ul>

				</div>
			</div>
		</div>
		<!--分类-->

		<!--main-->
		<div class="gm-main">
			<div class="focus">
				<div>
					<ul class="focus-box">
						<li v-for="(lunbo, index) in lunboList" :key="index" class="banner1" style="display: block;">
							<a href="javascript: void(0);"><img :src="lunbo.contentImg" alt="" /></a>
						</li>
					</ul>

					<ol class="nav-o">
						<li>
							<a style="background: red;opacity: 1;" href="javascript: void(0);"></a>
						</li>
						<li>
							<a href="javascript: void(0);"></a>
						</li>
						<li>
							<a href="javascript: void(0);"></a>
						</li>
						<li>
							<a href="javascript: void(0);"></a>
						</li>
						<li>
							<a href="javascript: void(0);"></a>
						</li>
					</ol>

					<!--<div class="btn pre">
							<span class="btnbg"></span>
							<p class="go-l"></p>
						</div>
						<div class="btn next">
							<span class="btnbg"></span>
							<p class="go-r"></p>
						</div>-->
					<div class="cover1">
						<div class="btn-left"></div>
						<div class="left-cover"></div>
					</div>

					<div class="cover2">
						<div class="btn-right"></div>
						<div class="right-cover"></div>
					</div>
				</div>
			</div>
		</div>
		<!--main-->


		<div style="margin-left: 155px;">
			<dl class="jk_tszl clearfix jk_mode">
				<dt>药品展示</dt>
				<dd v-for="(yaopin, index) in yaopinList" :key="index">
					<div class="tszl_img">
						<a href="#" target="_blank" style="position:relative;">
							<img :src="yaopin.contentImg" height="360" width="295" :original="yaopin.contentImg">
							<div class="img_box">
								<h3>{{yaopin.contentTitle}}</h3>
								<p>{{yaopin.contentRemark}}</p>
							</div>
						</a>
					</div>
					<ul class="tszl_ul">
						<li v-for="(item, index) in yaopin.children" :key="index" class="clearfix">
							<a href="#" target="_blank" style="position:relative;">
								<img :src="item.contentImg" height="83" width="83" class="fl" :original="item.contentImg"
									style="display: block;">
								<div class="tszl_ul_box">
									<h4>{{item.contentTitle}}</h4>
									<h5>{{item.contentRemark}}</h5>
								</div>
							</a>
						</li>
					</ul>
				</dd>
			</dl>
		</div>

		<!--wrap_middle-->
		<div class="wrap_middle">
			<dl v-for="(cat, index) in catList" :key="index" class="jk_mode" style="margin-left:150px;">
				<h1 :class="index!=0?'my_postion':''">{{cat.catName}}</h1>
				<dd class="clearfix">
					<div class="floor_left" style="position:relative;">
						<a href="#" target="_blank">
							<img :src="cat.jdContentList[0].contentImg | spiltData(0)" height="450" width="200"></a>
						<div class="floor_left_box">
							<h3>{{cat.jdContentList[0].contentTitle | spiltData(0)}}</h3>
							<p>{{cat.jdContentList[0].contentRemark | spiltData(0)}}</p>
						</div>
					</div>
					<div class="floor_right">
						<div class="floor_right_l">
							<a href="#" target="_blank">
								<img :src="cat.jdContentList[0].contentImg | spiltData(1)" height="430" width="340">
								<div class="floor_r_t">
									<h3>{{cat.jdContentList[0].contentTitle | spiltData(1)}}</h3>
									<p>{{cat.jdContentList[0].contentRemark | spiltData(1)}}</p>
								</div>
							</a>
						</div>
						<div class="floor_right_r">
							<ul class="right_box_l clearfix">

								<span v-for="(item, index) in cat.jdContentList[0].children" :key="index">
									<li v-if="index < 4">
										<a href="#" target="_blank">
											<div>
												<p>{{item.contentTitle}}</p>
											</div>
											<img :src="item.contentImg" height="160" width="160" :alt="item.contentTitle" class="box_img">
										</a>
									</li>
								</span>
							</ul>
							<ul class="right_box_r">
								<span v-for="(item, index) in cat.jdContentList[0].children" :key="index">
									<li v-if="index > 3">
										<a href="#" target="_blank">
											<div>
												<p>{{item.contentTitle}}</p>
											</div>
											<img :src="item.contentImg" height="110" width="110" :alt="item.contentTitle" class="r_box_img">
										</a>
									</li>
								</span>
							</ul>
						</div>
					</div>
				</dd>
			</dl>
		</div>
		<!--wrap_middle-->

		<!--分隔的图片-->
		<img class="fenge-img" src="images/83.jpg" />
		<!--分隔的图片-->


		<!--品质，低价，速达-->
		<div class="gome-help">
			<ul>
				<li>
					<a href="javascript: void(0);">
						<i class="icon-pz"></i>
						品质
					</a>
					<span class="foot-titlt-dot"></span>
					<a class="sec-title" href="javascript: void(0);">正品行货 购物无忧</a>
				</li>
				<li>
					<a href="javascript: void(0);">
						<i class="icon-dj"></i>
						低价
					</a>
					<span class="foot-titlt-dot"></span>
					<a class="sec-title" href="javascript: void(0);">普惠实价 帮你省钱</a>
				</li>
				<li>
					<a href="javascript: void(0);">
						<i class="icon-sd"></i>
						速达
					</a>
					<span class="foot-titlt-dot"></span>
					<a class="sec-title" href="javascript: void(0);">专业配送 按时按需</a>
				</li>
			</ul>
			<div class="gome-help-box">
				<dl>
					<dt>物流配送</dt>
					<dd>
						<ul>
							<li>
								<a href="javascript: void(0);">配送查询</a>
							</li>
							<li>
								<a href="javascript: void(0);">配送服务</a>
							</li>
							<li>
								<a href="javascript: void(0);">配送费用</a>
							</li>
							<li>
								<a href="javascript: void(0);">配送时效</a>
							</li>
							<li>
								<a href="javascript: void(0);">签收与验货</a>
							</li>
						</ul>
					</dd>
				</dl>
				<dl>
					<dt>支付与账户</dt>
					<dd>
						<ul>
							<li>
								<a href="javascript: void(0);">货到付款</a>
							</li>
							<li>
								<a href="javascript: void(0);">在线支付</a>
							</li>
							<li>
								<a href="javascript: void(0);">分期付款</a>
							</li>
							<li>
								<a href="javascript: void(0);">门店支付</a>
							</li>
							<li>
								<a href="javascript: void(0);">账户安全</a>
							</li>
						</ul>
					</dd>
				</dl>
				<dl>
					<dt>售后服务</dt>
					<dd>
						<ul>
							<li>
								<a href="javascript: void(0);">退换货服务</a>
							</li>
							<li>
								<a href="javascript: void(0);">退款说明</a>
							</li>
							<li>
								<a href="javascript: void(0);">专业维修</a>
							</li>
							<li>
								<a href="javascript: void(0);">延保服务</a>
							</li>
							<li>
								<a href="javascript: void(0);">家电回收</a>
							</li>
						</ul>
					</dd>
				</dl>
				<dl>
					<dt>会员专区</dt>
					<dd>
						<ul>
							<li>
								<a href="javascript: void(0);">会员介绍</a>
							</li>
							<li>
								<a href="javascript: void(0);">优惠券说明</a>
							</li>
							<li>
								<a href="javascript: void(0);">美豆说明</a>
							</li>
							<li>
								<a href="javascript: void(0);">国美社区</a>
							</li>
							<li>
								<a href="javascript: void(0);">商品评价</a>
							</li>
						</ul>
					</dd>
				</dl>
				<dl>
					<dt>购物帮助</dt>
					<dd>
						<ul>
							<li>
								<a href="javascript: void(0);">购物保障</a>
							</li>
							<li>
								<a href="javascript: void(0);">购物流程</a>
							</li>
							<li>
								<a href="javascript: void(0);">促销优惠</a>
							</li>
							<li>
								<a href="javascript: void(0);">焦点问题</a>
							</li>
							<li>
								<a href="javascript: void(0);">联系我们</a>
							</li>
						</ul>
					</dd>
				</dl>
			</div>
		</div>
		<!--品质，低价，速达-->

		<div class="f">
			<!--foot-->
			<div id="gome-foot">
				<div id="gome-foot-box">
					<span class="clearfix">
						<i></i>
						<p>
							<strong>门店服务</strong>
							<a href="javascript: void(0);">
								国美门店全国共计2000余家
							</a>
						</p>
					</span>
					<span class="clearfix ued">
						<i></i>
						<p>
							<strong>用户体验计划</strong>
							<a href="javascript: void(0);">
								参与用户体验改进计划
							</a>
							<a href="javascript: void(0);">
								用户反馈
							</a>
						</p>
					</span>
					<div class="qrcode-section">
						<em class="code-sm wx">
							<i></i>
							<p>公众号</p>
						</em>
						<em class="code-sm wap">
							<i></i>
							<p>手机站点</p>
						</em>
						<em class="code-bg app-plus">
							<i>
								<a href="javascript: void(0);"></a>
							</i>
							<p>扫描下载国美Plus</p>
						</em>
						<em class="code-bg app">
							<i>
								<a href="javascript: void(0);"></a>
							</i>
							<p>扫描下载客户端</p>
						</em>
					</div>
					<ul>
						<li>
							<a href="javascript: void(0);">国美集团</a>
						</li>
						<li>
							<a href="javascript: void(0);">多边金都</a>
						</li>
						<li>
							<a href="javascript: void(0);">国之美</a>
						</li>
						<li>
							<a href="javascript: void(0);">关于国美在线</a>
						</li>
						<li>
							<a href="javascript: void(0);">加入我们</a>
						</li>
						<li>|</li>
						<li>
							<a href="javascript: void(0);">品牌大全</a>
						</li>
						<li>
							<a href="javascript: void(0);">商品专题</a>
						</li>
						<li>
							<a href="javascript: void(0);">批发大全</a>
						</li>
						<li>
							<a href="javascript: void(0);">热词搜索</a>
						</li>
						<li>
							<a href="javascript: void(0);">友情链接</a>
						</li>
						<li>
							<a href="javascript: void(0);">风险监测</a>
						</li>
						<li>|</li>
						<li>
							<a href="javascript: void(0);">销售联盟</a>
						</li>
						<li>
							<a href="javascript: void(0);">商家入驻</a>
						</li>
					</ul>
					<p>
						国美在线电子商务有限公司 办公地址:上海市嘉定区沪宜公路3163-3199号一楼A区 客服电话:4008708708 | 本公司游戏产品适合18岁以上成年人使用
					</p>
					<p>
						©2000-2017 国美在线电子商务有限公司版权所有 京公安网备11010502027062 沪ICP备11009419号 沪B2-20120004号
					</p>
					<div class="gome-foot-credit">
						<a href="javascript: void(0);" class="credit-baxx">
							<i></i>
							<b>经营性网站备案信息</b>
						</a>
						<a href="javascript: void(0);" class="credit-xypj">
							<i></i>
							<b>可信网站信用评价</b>
						</a>
						<a href="javascript: void(0);" class="credit-cxwz">
							<i></i>
							<b>诚信网站</b>
						</a>
						<a href="javascript: void(0);" class="credit-hdjc">
							<i></i>
							<b>朝阳网络警察</b>
						</a>
						<a href="javascript: void(0);" class="credit-wgdj">
							<i></i>
							<b>网购大家评</b>
						</a>
					</div>
					<em class="turst-gome"></em>
				</div>
			</div>
			<!--foot-->
		</div>
	</div>
	<script>
		//创建Vue实例,得到 ViewModel
		var vm = new Vue({
			el: '#app',
			data: {
				lunboList: [],
				cats: [],
				yaopinList: [],
				catList: [],
				lList: ['l1','l2','l3','l4','l5','l6','l7','l8','l9','l10','l11','l12','l13','l14','l15',]
			},
			created() {
				this.findLunboContent()
				this.findCats()
				this.findYaopinList()
				this.findCatList()
			},
			filters: {
				spiltData(source, num) {
					if (source && num == 0 || num == 1) {
						let arr = source.split(';')
						return arr[num]
					} else {
						return 'load error,loss of data'
					}
				}
			},
			methods: {
				findLunboContent() {
					jiandao.http.get("/index/findContentByCid/1").then(res => {
						this.lunboList = res
					})
				},
				findCats() {
					jiandao.http.get("/index/findAllByParentId").then(res => {
						console.log(res)
						this.cats = res
					})
				},
				findYaopinList() {
					jiandao.http.get("/index/findContentByCid/2").then(res => {
						this.yaopinList = res
					})
				},
				findCatList() {
					jiandao.http.get("/index/findContentByCid1AndCid2?cid1=3&cid2=6").then(res => {
						this.catList = res
					})
				}
			}
		});
	</script>
</body>

</html>